<template>
    <el-dialog
            class="eldialog"
            v-loading="loading"
            :visible.sync="visible"
            :title="title"
            :close-on-click-modal="false"
            append-to-body
            top="2vh"
            width="95%"
            :modal-append-to-body="true"
            :close-on-press-escape="false"
            @close="onClosed"
        >
           <div style="height:800px;width:100%;overflow: auto;">
              <div class="organizationTag">
                  <b style="font-size:18px;">工作单位及职务标签</b>
                  <vxe-table
                    style="margin-top:10px"
                    border
                    :align="allAlign = 'center'"
                    :data="tableData">
                    <vxe-column type="seq" width="60" title="序号"></vxe-column>
                    <vxe-column field="rzOrgName" title="姓名"></vxe-column>
                    <vxe-column field="rzZwzj" title="职务职级名称"></vxe-column>
                    <vxe-column field="rzLdzwbs" title="领导职务标识"></vxe-column>
                    <vxe-column field="rzZzwbs" title="主职务标识"></vxe-column>
                    <vxe-column field="rzCylb" title="成员类别"></vxe-column>
                    <vxe-column field="rzLdcybs" title="领导成员标识"></vxe-column>
                    <vxe-column field="rzXbryfs" title="选拔任用方式"></vxe-column>
                    <vxe-column field="rzPgtb" title="破格提拔标识"></vxe-column>
                    
                </vxe-table>
              </div>
           </div>
        </el-dialog>
</template>

<script>
import {getPersonJobTags} from '@/api/students/organization/person/person';

export default{
    name:'PersonRmb',
    data(){
        return {
            loading: false,
            visible: false,
            title: '',
            id:"",
            personEdit:'',
            tableData:[],
        }
    },
    methods:{
        onClosed () {
            this.visible = false
            // this.$emit('onClosed')
        },
        async initData (id, personEdit, title) {
            this.visible = true
            this.loading = true
            this.title = title
            this.personEdit = personEdit
            this.id = id
            this.loading = false
            const personJsons = {
                // this.id
                "tagPersonId":"a2c0a6d4cb0249319b5965db12091cb0",
            };
            getPersonJobTags(personJsons)
                .then((response) => {
                    this.tableData = response.resultdata;
                    this.loading = false;
            })
            .catch(() => {
                this.loading = false;
            });
        },
    }

}
</script>

<style scoped lang="scss">
>>>.el-dialog__title{
    font-size: 14px;
    display: inline-block;
    position: relative;
    padding-left: 10px;
    &::before{
        width: 3px;
        height: 14px;
        position: absolute;
        content: '';
        background: #188ae2;
        left: 0;
        top:6px;
    }
}

.organizationTag span{
    width: 3px;
    height: 14px;
    position: absolute;
    content: '';
    background: #188ae2;
    left: 13px;
    top:65px;
}





>>> .el-dialog .el-dialog__body {
    padding: 1px 0 0 0;
    overflow: auto;
    padding: 10px;
}








</style>